<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱觅优-网页特效</title>
<link href="css/common.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.2.min.js" charset="utf-8"></script>
<script src="js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

</head>

<body>
	<div class="chl-poster simple" id="header">
		<div id="site-nav">
            <ul class="site-nav-login">
            <li class="home"><a href="login.html">请登录</a></li>
            <li class="home"><a href="#">免费注册</a></li>
            </ul>
            <ul class="quick-menu">
                  <li class="myxiaba menu-item">
                      <div class="menu">
                          <a class="menu-hd" href="#" target=_top rel="nofollow">会员中心<b></b></a> 
                          <div class="menu-bd">
                              <div class="menu-bd-panel">
                                  <div>
                                      <a href="#" rel="nofollow">我的消息</a>
                                      <a href="#"  rel="nofollow">我的评论</a> 
                                      <a href="#"  rel="nofollow">我的收藏</a> 
                                  </div>
                              </div>
                              
                          </div>
                      </div>
                  </li>
                  <li class="favorite"><a href="#" rel="nofollow">帮助中心</a></li>
                  
                  <li class="services menu-item last">
                      <div class="menu">
                          <a class=menu-hd href="#" target=_top>网站导航<b></b></a> 
                          <div class="menu-bd" style="width: 1098px; height: 250px; _width: 202px">
                              <div class="menu-bd-panel">
                                  <dl>
                                    <dt><a href="#" style="color: #000;">网页特效</a>
                                    <dd>
                                            <a href="#">焦点图</a> 
                                            <a href="#">图片代码</a> 
                                            <a href="#">幻灯片代码</a>
                                            <a href="#">按钮特效</a>
                                            <a href="#">数字时间</a> 
                                            <a href="#">表单特效</a>
                                            <a href="#">状态栏代码</a>
                                            <a href="#">窗口特效</a>
                                            <a href="#">鼠标特效</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">网页模板</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
								<dl>
                                    <dt><a href="#" style="color: #000;">网页元素</a>
                                    <dd>
                                            <a href="#">背景素材</a> 
                                            <a href="#">广告海报</a> 
                                            <a href="#">图标素材</a>
                                            <a href="#">按钮素材</a>
                                            <a href="#">元素整合</a> 
                                            <a href="#">Flash素材</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">成品网站</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
                                <div class="seft-web">
                                	<h1 class="seft">自助建站</h1>
                                    <a href="demand.html" class="step"><strong>一步到位</strong></a>
                                </div>
                              </div>
                            
                          </div>
                      </div>
                  </li>
                </ul>	
		</div>
	</div>
<div id="J_Wrap" class="wrap">
	<div class="logo-inside">
	<div class="logo">
    	<a href="index.html" class="logo-bd"></a>
    </div>
    <div class="header-search-box">
            <form method="get" target="_self" action="#">
                <div id="J_sort" class="header-search-sort">
                    <a href="javascript:;" class="on" target="_self" title="全部" data-type="" hidefocus="true" onclick="return false;">全部</a>
                    <a href="javascript:;" target="_self" title="特效" data-type="0" hidefocus="true" onclick="return false;">特效</a>
                    <a href="javascript:;" target="_self" title="模板" data-type="1" hidefocus="true" onclick="return false;">模板</a>
                    <a href="javascript:;" target="_self" title="元素" data-type="2" hidefocus="true" onclick="return false;">元素</a>
                    <a href="javascript:;" target="_self" title="文章" data-type="3" hidefocus="true" onclick="return false;">文章</a>
                    <a href="javascript:;" target="_self" title="教程" data-type="4" hidefocus="true" onclick="return false;">教程</a>
                    <a href="javascript:;" target="_self" title="问答" data-type="5" hidefocus="true" onclick="return false;">问答</a>
                </div>
                <div class="relative header-search clearfix">
                    <input type="text" autocomplete="off" name="q" maxlength="50" class="relative header-search-text J-search-txt">
                    <input type="submit" value="搜 索" class="fl header-search-submit">
                    
                    
                <input type="hidden" value="" name="sort">
                <input type="hidden" name="from" value="1">
                </div>
            </form>
            <div class="header-search-keywords">热门搜索：
                            <a hidefocus="true" title="开学" href="http://soso.nipic.com/?q=开学">开学</a>
                            <a hidefocus="true" title="月饼" href="http://soso.nipic.com/?q=月饼">月饼</a>
                            <a hidefocus="true" title="暑假" href="http://soso.nipic.com/?q=暑假">暑假</a>
                            <a hidefocus="true" title="礼盒" href="http://soso.nipic.com/?q=礼盒">礼盒</a>
                            <a hidefocus="true" title="中秋" href="http://soso.nipic.com/?q=中秋">中秋</a>

            </div>
        </div>
	</div>
    
    <div class="nav">
    	<ul>
        <li><a href="index.html" class="main_a">网站首页</a></li>
        <li><a href="specia.html" class="main_a current">网页特效</a></li>
        <li><a href="templates.html" class="main_a">网页模板</a></li>
        <li><a href="element.html" class="main_a">网页元素</a></li>
        <li><a href="supermarket.html" class="main_a">自助超市</a></li>
        </ul>
    	<div class="sub_nav">
        	<a href="#" class="sub_a" >设计师导航</a>
            <a href="#" class="sub_a" >前端神器</a>
            <a href="#" class="sub_a" >图书推荐</a>
            <a href="#" class="sub_a" >下载排行</a>
        </div>
    </div>
    
    <!--网页特效-->
    <div class="main-3">
    	<div class="recommend">
       		<div class="img-box">
        	<a href="#"><img src="upload/7.jpg"/></a>
            <i></i>
            </div>
            <h1>jquery加载进度特效</h1>
            <p>网页常用的加载精度条，你值得拥有，免费给您使用的！网页常用的...</p>
            <div class="bnt">
            	<a href="#" ><i class="look"></i><span>查看演示</span></a>
                <a href="#" ><i class="down"></i><span>立即下载</span></a>
            </div>
        </div>
    	<div class="banner specia">
	<div class="banner-btn">
		<a href="javascript:void(0);" class="prevBtn medium"><i></i></a>
		<a href="javascript:void(0);" class="nextBtn medium"><i></i></a>
	</div>
	<ul class="banner-img">
		<li><a href="#"><img src="upload/12.jpg" width="552" height="297"></a></li>
		<li><a href="#"><img src="upload/13.jpg" width="552" height="297"></a></li>
		<li><a href="#"><img src="upload/14.jpg" width="552" height="297"></a></li>
		<li><a href="#"><img src="upload/15.jpg" width="552" height="297"></a></li>
		<li><a href="#"><img src="upload/16.jpg" width="552" height="297"></a></li>
		<li><a href="#"><img src="upload/17.jpg" width="552" height="297"></a></li>
	</ul>
	<ul class="banner-circle"></ul>
</div>
        <div class="latest txt-specia">
 			<h2>最新特效</h2>
            <ul>
            <li><a href="#">javascript显示年月日时间代码</a></li>
            <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
            <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
            <li><a href="#">CSS简单重叠线效果</a></li>
            <li><a href="#">仿Windows垂直调整代码</a></li>
            <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
            <li><a href="#">CSS简单重叠线效果</a></li>
            </ul>
        </div>
	</div>
    <!---->
    <div class="main-4">
      <div class="submenu">
           <div class="all"><span>全部分类：</span>
           <a href="#">焦点图</a><a href="#">图片特效</a><a href="#">幻灯片代码</a><a href="#">滚动代码</a><a href="#">选项卡特效</a><a href="#">在线客服</a><a href="#">文字特效</a>
           </div>
           <div class="all"><span>热门分类：</span>
           <a href="#">焦点图</a><a href="#">幻灯片代码</a><a href="#">滚动代码</a><a href="#">选项卡特效</a><a href="#">在线客服</a><a href="#">文字特效</a>
           </div>  
      </div>
	</div>
    
    <!---->
    <div class="main-2">
      <div class="inbox-a">
        <h1 class="submenu"><strong class="title">焦点图</strong><a href="specia_list.html" class="more">更多&gt;&gt;</a></h1>
        <div class="list-box sideBar-a" id="list-box">
    		<ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul> 
               		<ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>  
          </div>
          
      </div>
      <div class="inbox-b">
        <h1 class="submenu"><strong class="title">图片特效</strong><span></h1>
        <div class="list-box sideBar-b" id="list-box">
    			<a href="#" class="pic">
                <img src="upload/18.jpg"/>
                </a>
                <p class="title"><a href="#" class="">有道搜索特效</a></p>
                <ul class="text-list">
                  <li><a href="#">javascript显示年月日时间代码</a></li>
                  <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
                  <li><a href="#">CSS简单重叠线效果</a></li>
                  <li><a href="#">仿Windows垂直调整代码</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
              </ul>
          </div>
      </div>
	</div>
    <!---->
    <div class="main-2">
      <div class="inbox-a">
        <h1 class="submenu"><strong class="title">幻灯片特效</strong><a href="Specia_list.html" class="more">更多&gt;&gt;</a></h1>
        <div class="list-box sideBar-a" id="list-box">
    		<ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul> 
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>  
          </div>
          
      </div>
      <div class="inbox-b">
        <h1 class="submenu"><strong class="title">滚动特效</strong><span></h1>
        <div class="list-box sideBar-b" id="list-box">
    			<a href="#" class="pic">
                <img src="upload/19.jpg"/>
                </a>
                <p class="title"><a href="#" class="">有道搜索特效</a></p>
                <ul class="text-list">
                  <li><a href="#">javascript显示年月日时间代码</a></li>
                  <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
                  <li><a href="#">CSS简单重叠线效果</a></li>
                  <li><a href="#">仿Windows垂直调整代码</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
              </ul>
          </div>
      </div>
	</div>
    <!---->
    <div class="main-2">
      <div class="inbox-a">
      <div class="hasMoreTab">		
        <div class="hd">			
    <span class="more">				
    <a href="Specia_list.html">更多&gt;&gt;</a>			
    <a href="Specia_list.html">更多&gt;&gt;</a>			
    <a href="Specia_list.html">更多&gt;&gt;</a>		
    </span>			
    <ul>				
    <li>时间日期</li>				
    <li>表单按钮</li>				
    <li>视频播放</li>			
    </ul>		

</div>
         <div class="bd">			
<div class="conWrap">						
<div class="list-box sideBar-a" id="list-box">							
    		<ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">迅雷jQuery横向擦除焦点图代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">JS+JQ随机抽奖代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">JS弹出式QQ在线客服插件</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul> 
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">大图jQuery多屏首页焦点图代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">横向跟随图片动画代码（jQuery）</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">jQuery大屏图片幻灯片代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>  			
</div>	

					
<div class="list-box sideBar-a" id="list-box">							
    		<ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">jquery模仿flash导航</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">Tips展开关闭问答代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">2007英文网站最具流行的53种网站导航</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul> 
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">文本框输入文字后提示语消失特效</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">输入框输入提示代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">select头像选择代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>  					
</div>						
<div class="list-box sideBar-a" id="list-box">							
    		<ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">CSS Filter属性特效大全</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">给图片加上播放按钮</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">JS实现图片翻书效果</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul> 
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">随机显示的广告代码</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">隐藏省略文字特效</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>
             <ul class="box spa">
                <li>
                            <a href="#" class="fresh_img"><img src="upload/7.jpg" /></a>
                            <div class="bg-box til">
                            <a href="#" class="names">潘茜爱在心</a>
                                  <div class="info">
                                  <span class="introduces">很多网站常用的导航缓动效果，滑动背景可替换，很实用</span>
                                  <div class="pin-btn">      
                                        <a href="#" class="show">点击预览</a>  
                                        <a href="#" class="look">查看详细</a>
                                  </div>           
                                  </div>
                            </div>
                 </li>
                
           </ul>  				
</div>			
</div>		
</div>
<script type="text/javascript">	
jQuery(".hasMoreTab").slide({ mainCell:".conWrap", targetCell:".more a", effect:"fold"});	</script>
		</div>	
      </div>
      <div class="inbox-b">
        <h1 class="submenu"><strong class="title">其他特效</strong><span></h1>
        <div class="list-box sideBar-b" id="list-box">
    			<a href="#" class="pic">
                <img src="upload/20.jpg"/>
                </a>
                <p class="title"><a href="#" class="">有道搜索特效</a></p>
                <ul class="text-list">
                  <li><a href="#">javascript显示年月日时间代码</a></li>
                  <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
                  <li><a href="#">CSS简单重叠线效果</a></li>
                  <li><a href="#">仿Windows垂直调整代码</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
              </ul>
          </div>
      </div>
	</div>
    <!---->
    <div class="footer">
    	<div class="foot">
        	<p class="foot-menu">
            <i class="about">关于</i>
            <i class="help">帮助</i>
            <i class="collect">收藏</i>
            <i class="attention">关注</i>
            </p>
            <ul class="about">
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">广告服务</a></li>
            <li><a href="#">版权声明</a></li>
            </ul>           
            <ul class="help">
            <li><a href="#">常见问题</a></li>
            <li><a href="#">充值相关</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">在线留言</a></li>
            </ul>
            <div class="branding">
            </div>
            <ul class="collect">
            <li><a href="#">加入收藏</a></li>
            <li><a href="#">设为首页</a></li>
            <li><a href="#">放到桌面</a></li>
            </ul>
            <ul class="attention">
            <li><a href="#">新浪微博</a></li>
            <li><a href="#">qq空间</a></li>
            <li><a href="#">腾讯微博</a></li>
            </ul>
    	</div>
        <div class="friendlink">
        友情链接：<a href="#">懒人图库</a>|<a href="#">懒人图库</a>|<a href="#">破落落</a>
        </div>
        <div class="copyright">
        © 2013 Aliyun.com 版权所有 ICP证：浙B2-20080101
        
        </div>
    </div>
</div> 

</body>
</html>
